<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/head.css"/>
	</head>
	<body>
		<!--  flex布局-->
		<div class="head">
			<div class="line1">
				<span class="log">
					<img src="img/logo/yinLogo.png" >
				</span>
				<ul>
					<li><a href="#">官方微博</a></li>
					<li><a href="#">关注微信</a></li>
					<li><a href="gowu.html">购物须知</a></li>
				</ul>
			</div>
			<div class="line2">
				<span class="log">
					<img src="img/logo/shop-logo-v1.png" >
				</span>
				<div>
				<input type="text" class="search" />
				<span class="bth"></span>
				</div>
				<ul>
					<li><img src="img/icon/avatar.png" class="login" /><a href="login.html">登录</a></li>
					<li><a href="#">我的订单</a></li>
					<li><img class="cart" src="img/icon/cart-logo-v1.png" /><a href="#">购物车</a></li>
				</ul>
			</div>
			<hr >
			<div class="line3">
				<span class="title">
					<a href="#">艺人分类</a>
				</span>
				<ul>
					<li><a href="index.html" class="active" >首页</a></li>
					<li><a href="#">专辑</a></li>
					<li><a href="#">明星周边</a></li>
					<li><a href="#">明星同款</a></li>
					<li><a href="#">个护美妆</a></li>
					<li><a href="#">影漫周边</a></li>
					<li><a href="#">食品</a></li>
					<li><a href="#">服装配饰</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>
